/* here you can put your own css to customize and override the theme */
.ajax-loading, .ajax-loadForm { width: 45px; height: 45px; background: url(/hr/img/ajax-loading.gif); margin: 10px auto; overflow: hidden; }
/*.btn-default {
padding: 7px 13px !important;
}*/
.btn-default-sm {
    padding: 4px 10px !important;
    font-size: 12px;
    line-height: 1.5;
}
.alert .close {
    padding-top: 5px;
}

.form-actions {
    padding-left: 0px !important;
}
.form-horizontal .control-label{
    text-align: left;
}
.date .input-group-btn > .btn {
    height: 34px
}
.margin0 {
    margin: 0
}
.form-control-static {
    color: #3a87ad;
}
.book-status > .label {
    line-height: 1.5;font-size: 14px
}
.form-horizontal .radio {
    padding: 0 !important;
}
.alert-error {

color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
/*Profile css*/
.profile-info h1 {
color: #383839;
font-size: 24px;
font-weight: 400;
margin: 0 0 10px 0;
}
.profile-info li {
color: #6b6b6b;
font-size: 13px;
margin-right: 15px;
margin-bottom: 5px;
padding: 0 !important;
}
.profile p {
color: #636363;
font-size: 13px;
}
.profile-info li:hover i {
color: #169ef4;
}
.profile-info table thead tr th {


}

/*datatable*/
.pagination > .disabled > span, .pagination > .disabled > a, 
.pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    cursor: default;
    height: 32px
}
.pagination>li>a {
    height: 32px
}
.datatable .table-scrollable {
    margin-top: 5px;
}
.dataTable tr .label {
    line-height: 1.428571429;
    font-size: 14px
}
.table tbody tr.info td, .table tbody tr.info th {
background-color: #E8F6FC !important;
}
.table tbody tr.info:hover td, .table tbody tr.info:hover th {
background-color: #d9edf7 !important;
}

.label-bookstatus-pending {
background-color: #FF9933 !important;
}
.label-bookstatus-accepted {
background-color: #35AA47 !important;
}
.label-bookstatus-declined {
background-color: #E02222 !important;
}
.label-bookstatus-canceled {
background-color: #555555!important;
}
.label-bookstatus-Comment {
    background-color: #57b5e3 !important;
}
.label-bookstatus-Create{
    background-color: #57b5e3 !important;
}
.label-bookstatus-Update{
    background-color: #57b5e3 !important;
}
#calendar .fc-event-inner {
    height: 29px; 
    line-height: 29px;
    text-align: center !important;
}
#calendar .fc-event-title {
    line-height: 29px;
    float: none !important;
}
#calendar .fc-event-time {
    display: none;
}
.calendar .external-event{
    font-size: 14px;
    padding: 7px;
    margin-bottom: 10px;
}
.PENDING {
    
    background-color: #FF9933 !important;
    border-color: #C0C0C0; 
    color: White;
}

.ACCEPTED {
    background-color: #35AA47  !important;
    border-color: #C0C0C0;
    color: White; /* text color */
}

.DECLINED {
    background-color: #E02222  !important;
    border-color: #C0C0C0;
    color: White; /* text color */
}

.CANCELED {
    background-color: #555555  !important;
    border-color: #C0C0C0;
    color: White; /* text color */
}

h2 {
font-size: 20px !important;  /* !important added to force override of any other h2 in CSS*/
}


/*fix css*/
div.radio.hover span, div.radio.focus span {
background-position: -18px -279px ,-279px;
}

/*book notification*/
.dropdown-menu.notification  {
    width: 300px !important;
}
.dropdown-menu.notification li > a {
padding-bottom: 22px !important;
}

.dropdown-menu.notification li > a .photo {
float: left;
padding-right: 6px;
}
.dropdown-menu.notification li > a .photo > img {
height: 40px;
width: 40px;
}
.dropdown-menu.notification li > a .subject {
display: block;
font-size: 13px;
min-height: 40px;
/*padding-left: 46px;*/
}
.dropdown-menu.notification li > a .subject .from {
font-size: 14px;
font-weight: 400;
color: #02689b;
}
.dropdown-menu.notification li > a  .time {
color: #746E6E;
font-weight: 400;
position: relative;
float: left;
    font-size: 11px;
}
.dropdown-menu.notification li > a .notification-action .label {
float: right;
margin-top: 1px;
padding: 2px 3px 2px 3px !important;
}



/* DashBoard*/
.feeds .col1 .cont .cont-col2 .desc {
    margin-left: 60px !important;
    padding-top: 0px !important;
padding-bottom: 0px !important;
}
.feeds .col1 img {
   height: 50px;width: 50px;
}
.feeds .col1 .cont .cont-col2 .desc >.from{
    font-size: 14px;
    font-weight: 400;
    color: #02689b;
}
 .feeds .col1 .cont .cont-col2 .desc >.activites-action{
    padding-top: 10px;
}
 .feeds .col1 .cont .cont-col2 .desc >.comment>.to{
    font-size: 14px;
    font-weight: 400;
    color: #02689b;
}
 .feeds .fullname {
    font-size: 14px;
    font-weight: 400;
    color: #02689b;
     display: block;
}
 .feeds tr>td {
     vertical-align: middle !important; font-size: 14px
 }
 .img-leaveToday {
     width: 50px;
     height: 50px;

 }
 .table-activities tr>td {
vertical-align: middle !important;font-size: 14px; 
 }

 [class^="m-icon-"] {
  width: 15px;
  height: 14px;
}
 .row-selected td { background:#368ee0 !important; color: white; }
 .addtask-required-warring{border:solid 1px orangered}